<!DOCTYPE html>
<html lang="en" style="height: 100%" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>货币对查询</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="/css/plugins/morris/morris-0.4.3.min.css">
    <link rel="stylesheet" href="/js/plugins/gritter/jquery.gritter.css">
    <link rel="stylesheet" href="/css/animate.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/plugins/toastr/toastr.min.css">
    <style>
        /*模态框导致页面偏移问题*/
        .modal-open{
            overflow-y: scroll;
        }

        label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: 700;
            margin-right: 20px;
        }

        .toast-center-center {
            left: 50%;
            top: 35%;
            transform: translate(-50%,-50%);
        }

        .pagination-detail {
            margin-left: 20px;
        }

        .float-e-margins .btn {
            margin-bottom: 0px;
        }

        #currencyPairTable tr {
            text-align: center;
            font-size: 15px;
            font-family: 微软雅黑;
            background-color: seashell;
        }

        #currencyPairTable tr:hover {
            background-color: #E6E1DC;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <div class="wrapper wrapper-content animated fadeInRight">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>货币列表</h5>
                            </div>
                            <div class="ibox-content" style="padding: 0">
                                <div id="fixed-table-toolbar" style="padding:0;margin: 0">
                                    <div class="form-group" style="float: right;width: 100%;margin-top: 10px">
                                        <form role="form" class="form-inline">
                                            <div class="form-group" style="margin-top: 5px;margin-left: 20px">
                                                <label for="currency1">货币种类1:
                                                    <select class="form-control" id="currency1" name="currency1">
                                                        <option selected value=""></option>
                                                        <option th:each="curreny1List:${currenyMap}" th:value="${curreny1List.key}"
                                                                th:text="${curreny1List.value}"></option>
                                                    </select>
                                                </label>
                                                <label for="currency2">货币种类2:
                                                    <select class="form-control" id="currency2" name="currency2">
                                                        <option selected value=""></option>
                                                        <option th:each="curreny2List:${currenyMap}" th:value="${curreny2List.key}"
                                                                th:text="${curreny2List.value}"></option>
                                                    </select>
                                                </label>
                                                <button type="button" class="btn btn-primary" id="search">
                                                    <span class="glyphicon glyphicon-search"></span>
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <table id="currencyPairTable" class="table table-hover table-condensed"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
<script src="/js/jQuery.min.js"></script>
<script src="/js/plugins/toastr/toastr.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/bootstrap/js/bootstrap-editable.js"></script>
<script src="/bootstrap/js/bootstrap-table.min.js"></script>
<script src="/bootstrap/js/bootstrap-table-zh-CN.js"></script>
<script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/js/hplus.js?v=2.2.0"></script>
<script src="/js/plugins/pace/pace.min.js"></script>
<script src="js/index.js"></script>
<script src="/js/currencyPairList.js"></script>

</body>
</html>
